<!DOCTYPE html>
<title>Tests for color-gamut media query with picture</title>
<script>
testRunner.waitUntilDone();
testRunner.setColorProfile('adobeRGB', () => {
  var container = document.querySelector('div');
  container.innerHTML = '<picture><source media="(color-gamut: p3)" srcset="resources/apple_logo_big.jpg"><img src="resources/apple_logo_half_size.jpg"></picture>';

  var img = container.querySelector('img');
  img.addEventListener('load', () => { testRunner.notifyDone(); });
});
</script>
<div>
</div>
